<!DOCTYPE html>
<html>
<head>
{include file="common/head"}
<link rel="stylesheet" href="/static/dist/style/admin.css?v=1.6.0 pro-1" media="all">
<link rel="stylesheet" href="/static/dist/style/template.css?v=1.6.0 pro-1" media="all">
<style type="text/css">
<!--
.w_census {
    margin: 20px;
}
.w_census span {
	display: inline-block;
	width: 33.33%;
	text-align: center;
	font-size: 18px;
}
-->
.layadmin-homepage-content {
margin-left: 0;
}
.imguser {
	display: inline-block;    
    height: 120px;
    width: 120px;
}
.fuser {
    
    height: 40px;
    width: 40px;
}	
.layadmin-homepage-padding15 {
padding: 0;
}
.layui-tab-content {
    padding: 10px 0 0;
    
}
.home-list-item {
    margin: 0;
    padding: 15px 5px;
    border-bottom: 1px dotted #e2e2e2;
}
.home-list-item:focus,.home-list-item:hover {
	background-color: #FAFAFA;
	color: #fff;
	
	box-shadow: 0 5px 10px rgba(0,0,0,.12);
    transform: translateY(-4px);
}

</style>
    <script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.wendasns.com/static/wendasns/sidebar/theia-sticky-sidebar.js"></script>
</head>

<body>
{include file="common/header"}
  <div class="layui-container" style="margin-top: 80px;">
  
<div class="layadmin-homepage-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md3">
      <div class="layadmin-homepage-panel layadmin-homepage-shadow">
        <div class="layui-card text-center">
          <div class="layui-card-body">
            <div class="layadmin-homepage-pad-ver">
              
			  <div class="layadmin-homepage-pad-img portrait-lg imguser">{:portrait($user.id)}</div>
            </div>
            <h4 class="layadmin-homepage-font">{$user.username}</h4>
            <p class="layadmin-homepage-min-font">{if empty($user.members.usersign) eq 1}生活不止有眼前的苟且，还有诗和远方{else}{$user.members.usersign}{/if}</p>
            <div class="layadmin-homepage-pad-ver">
              <a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
              <a href="javascript:;" class="layui-icon layui-icon-vercode"></a>
              <a href="javascript:;" class="layui-icon layui-icon-login-wechat"></a>
              <a href="javascript:;" class="layui-icon layui-icon-login-qq"></a>
            </div>
            <!-- <button class="layui-btn layui-btn-fluid"><i class="fas fa-award"></i>{if !$fans} 关注TA{else} 取消关注{/if}</button> -->
            <a href="{:url('wendasns/common/follow')}" class="layui-btn layui-btn-fluid layui-bg-green J_req" data-json='{"uid":"{$user.id}","type":"1"}' data-click="follow"><i class="fas fa-award"></i>{if $fans} 取消关注{else} 关注{/if}</a>
          </div>
        </div>
        <p class="layadmin-homepage-about">
          关于我
        </p>
        <ul class="layadmin-homepage-list-group">
		<li class="list-group-item"><i class="fas fa-calendar-alt"></i> {:range_time($user.create_time)}</li>
		<li class="list-group-item"><i class="layui-icon layui-icon-{if $user.gender == 'male'}male{else}female{/if}"></i> {if $user.gender == 'male'}男{else}女{/if}</li>
          <li class="list-group-item"><i class="fas fa-map-marked-alt"></i> {$provid.area_name} · {$cityid.area_name}</li>
          <li class="list-group-item"><a href="{:url('wendasns/home/index',['id'=>$user.id],false)}" class="color"><i class="fas fa-globe"></i> <span style="word-wrap:break-word;">{:url('wendasns/home/index',['id'=>$user.id],false)}</span></a></li>
        </ul>
        <div class="layadmin-homepage-pad-hor">
          <mdall>{$user.description}</mdall>
        </div>
        <p class="layadmin-homepage-about">
          技能
        </p>
        <ul class="layadmin-homepage-list-inline">
          {volist name="skill" id="item"}
          <a href="javascript:;" class="layui-btn layui-btn-primary">{$item}</a>
          {/volist}
        </ul>
      </div>
    </div>
    <div class="layui-col-md9">
      <div class="layadmin-homepage-content">
        <div class="layui-row  layadmin-homepage-padding15">
          <hr class="new-section-xs"></hr>
          <div class="layui-col-md9 layadmin-homepage-padding15">
            <div class="layui-row layadmin-homepage-text-center">
              <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.follow}</p>
                <mdall>关注</mdall>
              </div>
              <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.fans}</p>
                <mdall>粉丝</mdall>
              </div>
              <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.praise} 赞</p>
                <mdall>获得</mdall>
              </div>
              <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.article}</p>
                <mdall>文章</mdall>
              </div>
			  <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.ask}</p>
                <mdall>提问</mdall>
              </div>
			  <div class="layui-col-md2 layui-col-sm2 layui-col-xs2">
                <p class="h4">{$user.datas.answer}</p>
                <mdall>回复</mdall>
              </div>
            </div>
          </div>
          <div class="layui-col-md3">
              <a href="javascript:;" class="layui-btn layui-btn-normal">关注话题</a>
              <a href="javascript:;" class="layui-btn">私信</a>
          </div>
        </div>
        <div class="layui-row layui-col-space15 layadmin-homepage-list-imgtxt">
          <div class="layui-col-md9">
            <div class="grid-demo">
              <div class="panel-body layadmin-homepage-shadow">
			  <div class="layui-tab layui-tab-brief">
              <ul class="layui-tab-title">
				<li{if $dispatch eq 'index'} class="layui-this"{/if}><a href="{:url('wendasns/home/index',['dispatch'=>'index','id'=>$user.id],false)}"><i class="fas fa-question-circle"></i> 提问</a></li>
                
                <li{if $dispatch eq 'answer'} class="layui-this"{/if}><a href="{:url('wendasns/home/index',['dispatch'=>'answer','id'=>$user.id],false)}"><i class="fas fa-comments"></i> 回复</a></li>
                <li{if $dispatch eq 'article'} class="layui-this"{/if}><a href="{:url('wendasns/home/index',['dispatch'=>'article','id'=>$user.id],false)}"><i class="fas fa-file-alt"></i> 文章</a></li>
                <li{if $dispatch eq 'fans'} class="layui-this"{/if}><a href="{:url('wendasns/home/index',['dispatch'=>'fans','id'=>$user.id],false)}"><i class="fas fa-file-alt"></i> 粉丝</a></li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
					
				{volist name="logs" id="item"}
                  {if $dispatch eq 'article'}
				  <div class="home-list-item">
                  	<h3><a href="{:url('wendasns/article/show',$item)}" style="color: #000;">{$item.title}</a></h3>
                  	<p style="color: #999;font-size: 12px;"><span><i class="fas fa-eye"></i> {$item.visits} 阅读 · <i class="fas fa-thumbs-up"></i> {$item.praise}人喜欢</span><span style="margin-left: 25px;"><i class="layui-icon layui-icon-date"></i> {:range_time($item.create_time)}</span></p>
					</div>
                  {elseif $dispatch eq 'answer'}
				  <div class="home-list-item">
                  	<h3><a href="{:url('wendasns/question/show',$item.questions)}" style="color: #000;">{$item.questions.title}</a></h3>
                  	<p style="color: #7A8F9A;">{:substr_format(strip_tags($item.content),190)}</p>
                  	<p style="color: #999;font-size: 12px;"><span><i class="fas fa-eye"></i> {$item.questions.visits} 阅读 · <i class="fas fa-thumbs-up"></i> {$item.praise}人赞</span><span style="margin-left: 25px;"><i class="layui-icon layui-icon-date"></i>    {:range_time($item.create_time)}</span></p>
					</div>
                 
                  {elseif $dispatch eq 'fans'}
                  <div class="home-list-item">
                   
                      <div class="portrait-de" style="display: inline-block;">{:portrait($item.user_id)}</div>
                      <div style="display: inline-block;"><a href="{:url('wendasns/home/index',['id'=>$item.user_id],false)}" style="color: #000;" class="">{$item.users.username}</a><p style="color: #999;font-size: 12px;line-height: normal;"><span>{$item.users.datas.answer}回复 </span> · <span>{$item.users.datas.praise}获赞 </span></p></div>
                      <div style="display: inline-block;margin-left: 20px;"><a href="{:url('wendasns/common/follow')}" class="layui-btn layui-btn-xs layui-btn-primary J_req" data-json='{"uid":"{$item.user_id}","type":"1"}' data-click="follow">关注TA</a></div>
                   
                  </div>
                          {else}
				  <div class="home-list-item">
                  	<h3><a href="{:url('wendasns/question/show',$item)}" style="color: #000;">{$item.title}</a></h3>
                  	<p style="color: #999;font-size: 12px;"><span><i class="fas fa-eye"></i> {$item.visits} 阅读</span><span style="margin-left: 25px;"><i class="layui-icon layui-icon-date"></i> {:range_time($item.create_time)}</span></p>
					</div>
                  {/if}                 
				  
                  {/volist}
				  
                  <div class="pager">{$logs->render()|raw}</div>
                
                
                </div>
              </div>
			   </div>
              </div>
            </div>

            </div>
          
          <div class="layui-col-md3">
            <div class="grid-demo">
              <div class="layui-card homepage-top">
                <div class="layui-card-header">
                  <h3 class="panel-title">
                    <i class="fas fa-user-check"></i> 
                    粉丝<span class="layui-badge">{$user.datas.fans}</span>
                  </h3>
                </div>
                <div class="layui-card-body">
                  <div class="layui-row layui-col-space15">
                    <ul>
        
                      {volist name="sfans" id="item"}
                      <li class="header-img">
                        <a href="/home/{$item.user_id}">
                          <span class="header-process">
                            <svg class="rc-progress-circle" viewBox="0 0 100 100">
                              <defs><linearGradient id="rc-progress-gradient-0" x1="100%" y1="0%" x2="0%" y2="0%"><stop offset="0%" stop-color="#33CC75"></stop><stop offset="100%" stop-color="#29CFB3"></stop></linearGradient></defs>
                              <path class="rc-progress-circle-trail" d="M 50,50 m 48.5,0
                          a 48.5,48.5 0 1 1 -97,0
                          a 48.5,48.5 0 1 1 97,0" stroke="#e8ecee" stroke-linecap="round" stroke-width="3" fill-opacity="0" style="stroke: rgb(232, 236, 238); stroke-dasharray: 304.734px, 304.734px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;"></path>
                          <path class="rc-progress-circle-path" d="M 50,50 m 48.5,0
                          a 48.5,48.5 0 1 1 -97,0
                          a 48.5,48.5 0 1 1 97,0" stroke="url(#rc-progress-gradient-0)" stroke-linecap="round" stroke-width="3" fill-opacity="0" style="stroke-dasharray: 139.865px, 304.734px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0s ease 0s, stroke-dasharray 0s ease 0s, stroke ease 0s, stroke-width ease 0.3s;"></path>
                        </svg>
                      </span>
                        <div class="portrait-de"><div class="portrait" title="{$item.users.username}">{:portrait($item.user_id)}</div>
                      </a>
                      </li>
                      {/volist}
                    </ul>
					
                    <div class="layui-col-md12 margin-top10">
                      <a href="/home/{$user.id}/fans"  class="layui-btn layui-btn-primary">更多</a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="layui-card homepage-bottom">
                <div class="layui-card-header">
                  <h3 class="panel-title">
                    <i class="fas fa-portrait"></i> 
                    最近访客<span class="layui-badge layui-bg-green"> {$user.datas.visitor}</span>
                  </h3>
                </div>
                <div class="layui-card-body">
                  {volist name="visitorlist" id="item"}
                    {if $item.user_id > 0}
                    <a href="{:url('wendasns/home/index',['id'=>$item.user_id],false)}" class="layadmin-privateletterlist-item">
                      <div class="meida-left">
                        <div class="portrait-de fuser">{:portrait($item.user_id)}</div>
                      </div>
                      <div class="meida-right">
                        <p>{$item.user.username}</p>
                        <mdall>{$item.members.usersign}</mdall>
                      </div>
                    </a>
                    {/if}
                  {/volist}
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
    
  </div>
  <script>        
            $(document).ready(function() {
                $('div.layui-col-md3').theiaStickySidebar({
						additionalMarginTop: 70
					});
            });
        </script>
{include file="common/footer"}
</body>
</html>